{if !isset($ajax)}
{include file="common/header.tpl"}
    <div id="vfriendContainer">   
        <div id="mainContent3C">
            <div class="vfriendContainer3C">            
                <div class="vfriendContent3C">
                    <div class="leftCol">
                        {vfriend_navi id=$AppUI->id}                        
                    </div>
                    <div class="rightCol">
                    	<div class="midCol">
                            {include file="offline/box-navigation.tpl"}
                            <div class="boxOffline">
                                <div class="headerTitle">
                                    <h3>Off của tôi</h3>
                                    <form method="get" name="frmFilter" id="frmFilter" action="">
                                    	<span class="filter">              	
                                    		<select name="type" id="type" class="select" onchange="this.form.submit();">
                                            	{html_options options=$arrFilterMine selected=$intType}
                                            </select>
                                       	</span>
                                    </form>
                                </div>
                                <div class="offlineItem">
{/if}
                                	{if $arrResult}
                                    	{if !isset($ajax)}
                                        	<ul>
                                        {/if}
                                            {foreach key=i item=item from=$arrResult}
                                                <li{if $i==0 && !isset($ajax)} class="firstChild"{/if}>
                                                	 {if $i == 0}
                                                     	<input type="hidden" name="ptype" id="ptype" value="{$intType}"/>
                                                        {if $intPage < $intTotalPage && $intPage > 0}
                                                            <input type="hidden" name="ppage" id="ppage" value="{$intPage+1}" />
                                                        {else}
                                                            <input type="hidden" name="ppage" id="ppage" value="-1" />
                                                        {/if}
                                                    {/if}                                                	
                                                    {include file="offline/box-item.tpl"}
                                                </li>  
                                            {/foreach}             
                                      	{if !isset($ajax)}
                                       		</ul>
                                        {/if}
                                        <div class="loading">
                                        	<p align="center"><img src="{$smarty.const.HOST_STATICS}img/bg/loading-bar.gif" alt="Loading offline match" width="88" height="7" border="0" /></p>
                                            <p align="center">Bạn vui lòng chờ trong giây lát</p>
                                            <p>&nbsp;</p>
                                        </div>
                                    {else}
                                    	{if !isset($ajax) && $intPage == 1}
                                        	<div class="notContent">Hiện tại, bạn không tham gia OFF nào trên cộng đồng {$smarty.const.DOMAIN_NAME}.</div>
                                        {/if}
                                    {/if}
                                    {if !isset($ajax)}
                                </div>
                            </div>
                      	</div>
                        <div class="extCol">
                            {include file="offline/box-feature.tpl"}
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
{include file="common/footer.tpl"}
{/if}